<!DOCTYPE html>
<html>
<head>
    <% include ../include/css_header.html %>
    <title>我的人脉</title>
    <style>
        hr{
            margin: 6px 0;
        }
        .user_l{
            float: left;width: 15%
        }
        .user_r{
            float: left;width: 85%
        }
        .user_r .cardinfo{
            font-size: 12px;color: #666666;
        }
    </style>
</head>
<body class="myCircle_bg">
    <div class="container">
        <% include ../include/top_bar.html %>
        <div class="row">
            <div style="height: 20px;"></div>
            <div class="col-xs-12 font_shadow_133000" style="color: #ffffff;text-align: center">
                <h3><strong>我的人脉</strong></h3>
            </div>
        </div>
        <div class="row" style="position: relative;margin: 10px 0 0;">
            <%
            var userSize = users.length;
            if(userSize > 0){ %>
            <div class="col-xs-12 bg_op_panel"  style="min-height: 400px;" >
                <div class="bg_white_panel" style="position: relative;top: 15px;">
                    <ul class="userlist" id="content">
                        <% for(var i=0; i< userSize; i++){
                            var user = users[i]; %>
                        <li data-id="<%=user.id %>">
                            <div class="user_l">
                                <img class="img-rounded size_32" alt="10" src="/img/<%=user.id %>">
                            </div>
                            <div class="user_r">
                                <%=user.name  %>
                                <%-user.tags %>
                                <br/>
                                <span class="cardinfo"><%=user.position %> <%=user.company %></span>
                            </div>
                            <div class="clearfix"></div>
                            <%-userSize===1 ? '':'<hr>' %>
                        </li>
                        <% } %>
                    </ul>
                    <% if(userSize === pageSize){ %>
                    <div id="loadMore">
                        查看更多
                        <span class="icon-arrow-down"></span>
                    </div>
                    <% } %>
                </div>
            </div>
            <% }else{ %>
            <div class="col-xs-12" style="min-height: 400px;">
                <div class="jumbotron bg_op_panel">
                    <h1>加入聚会中，去拓展你的人脉吧!</h1>
                    <p>...</p>
                    <p><a class="btn btn-success btn-lg" role="button" id="startAct">去发起聚会！</a></p>
                </div>
            </div>
            <% } %>
        </div>
        <input type="hidden" id="pageNo" value="<%=pageNo %>" />
        <% include ../include/copyright.html %>
    </div>
    <% include ../include/slide_menu.html %>
    <% include ../include/js_footer.html %>
    <script src="<%=_locals.static_js_path %>/circle.js"></script>
    <script>

    </script>
</body>
</html>